<!--
 * @Author: wangming
 * @Date: 2021-08-18 19:00:50
 * @LastEditors: wangming
 * @LastEditTime: 2022-03-15 10:14:22
 * @FilePath: /hanma-application-designer-fed/src/pages/designUniversal/__components__/dynamicForm/rightModel/components/hmStep/index.vue
 * @Description: 
-->
<template>
  <div>
    <el-form-item label="居中对齐" class="tr">
      <el-switch v-model="value.__config.isAlignCenter"></el-switch>
    </el-form-item>
    <el-form-item label="当前步骤的状态" class="tr">
      <el-select
        v-model="value.__config.processStatus"
        placeholder="请选择"
        style="width: 100%"
      >
        <el-option value="wait"> </el-option>
        <el-option value="process"> </el-option>
        <el-option value="finish"> </el-option>
        <el-option value="error"> </el-option>
        <el-option value="success"> </el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="结束步骤的状态" class="tr">
      <el-select
        v-model="value.__config.finishStatus"
        placeholder="请选择"
        style="width: 100%"
      >
        <el-option value="wait"> </el-option>
        <el-option value="process"> </el-option>
        <el-option value="finish"> </el-option>
        <el-option value="error"> </el-option>
        <el-option value="success"> </el-option>
      </el-select>
    </el-form-item>
    <div class="ks-row-middle mb20 lh1">
      <div class="mr10 g3">步骤设置</div>
      <i class="el-icon-edit iconcolor f20 poi" @click="addSetp"></i>
    </div>
  </div>
</template>

<script>
import basicmixins from "../basicmixins";
import addModule from "./addModule/index";
export default {
  mixins: [basicmixins],
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
    addSetp() {
      addModule.editModule(this.value.__config.stepList).then((res) => {
        this.value.__config.stepList = res;
      });
    },
  },
};
</script>

<style scoped lang="scss">
.codebg {
  border: 1px solid #f1f1f1;
  padding: 5px 10px;
  &:hover {
    background-color: #f3f9ff;
  }
}
</style>
